<extend name="Public/base"/>

<block name="body">
	<script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
    <div class="main-title">
        <h2>{:isset($info['id'])?'编辑':'新增'}选礼物分类</h2>
    </div>
    <form action="__SELF__" method="post" class="form-horizontal" autocomplete="off">
    	<div class="form-item">
    		<label class="item-label">分类标题</label>
    		<div class="controls">
	     		<input type="text" class="text input-large" name="title" value="{$info.title}" placeholder="分类标题">
	     	</div>
	    </div>
	    <div class="form-item">
	    	<label class="item-label">图片</label>
	     	<div class="controls">
	     		<input type="file" id="upload_picture">
	     		<div class="upload-img-box">
	     			<notempty name="info.cover_id">
	     				<div class="upload-pre-item"><input type="hidden" name="cover_id" value="{$info.cover_id|default=''}"/><img src="__ROOT__{$info.cover_id|get_cover='path'}"/><span class="btn-close" title="删除图片" onclick="$(this).parent().remove();"></span></div>
	     			</notempty>
	     		</div>
	     		<script type="text/javascript">
				//上传图片
			    /* 初始化上传插件 */
				$("#upload_picture").uploadify({
			        "height"          : 30,
			        "swf"             : "__STATIC__/uploadify/uploadify.swf",
			        "fileObjName"     : "download",
			        "buttonText"      : "上传图片",
			        "uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
			        "width"           : 120,
			        'removeTimeout'	  : 1,
			        'fileTypeExts'	  : '*.jpg; *.png; *.gif;',
			        'multi'			  : false,
			        "onUploadSuccess" : uploadPicture,
			        'onFallback' : function() {
			            alert('未检测到兼容版本的Flash.');
			        }
			    });
				
				function uploadPicture(file, data){
			    	var data = $.parseJSON(data);
			    	var src = '';
			        if(data.status){
			        	src = data.url || '__ROOT__' + data.path;
			        	$("#upload_picture").parent().find('.upload-img-box').html(
			        		'<div class="upload-pre-item"><input type="hidden" name="cover_id" value="' + data.id + '"/><img src="' + src + '"/><span class="btn-close" title="删除图片" onclick="$(this).parent().remove();"></span></div>'
			        	);
			        } else {
			        	updateAlert(data.info);
			        	setTimeout(function(){
			                $('#top-alert').find('button').click();
			                $(that).removeClass('disabled').prop('disabled',false);
			            },1500);
			        }
			    }
				</script>
	     	</div>
	    </div>
	    <div class="form-item">
    		<label class="item-label">排序</label>
    		<div class="controls">
	     		<input type="text" class="text input-mini" name="sort" value="{$info.sort|default=0}" placeholder="排序">
	     	</div>
	    </div>
		<div class="form-item">
	     	<button class="btn submit-btn ajax-post" id="submit" type="submit" target-form="form-horizontal">确 定</button>
	     	<a class="btn btn-return" href="{:U('Special/gift')}">返 回</a>
	     	<input type="hidden" name="id" value="{$info.id}">
	    </div>
		</form>
		</div>
	</div>
</block>

<block name="script">
<script type="text/javascript">
    //导航高亮
    highlight_subnav('{:U('Special/gift')}');
</script>
</block>